<template>
    <div>
        <el-transfer v-model="value" :data="data" 
    :titles="['未分配角色', '已分配角色']"
    :button-texts="['移除', '添加']"
    @change="handleChange"
    ></el-transfer>
    </div>
</template>
<script>
export default {
    data() {
      const generateData = _ => {
        const data = [];          //未分配的角色
        
        data.push(
          {
          key:1,label:`普通用户`,
          },
          {
          key:2,label:`超级管理员`,
          },
          {
          key:3,label:`排片表管理员`,
          },
          {
          key:4,label:`电影管理员`,
          },

          
        )
      
        return data;
      }
      return {
        data: generateData(),
        value:[]    //为已分配的角色的值
        
      };
    },
    methods: {
      // queryRole(){         //回显数据
      //   //console.log("=========="+this.value[1]);
      //   this.$axios.get("http://localhost:8080/role/assignRoleView",{
      //     params:{
      //       //userid:this.userid
      //       userid:3                    //获取当前用户的id，查询该用户的权限
      //     }
      //   }).then(data=>{
      //     var lists=data.data.data.assignedRole;
      //     //console.log(data)
      //     //console.log(lists)
      //     if(data.data.code==200){
      //       for (var i=0;i<lists.length;i++) {
      //         this.value.push(lists[i].id);
      //       }
      //       //console.log(this.value)
      //     }
      //   })
      // },
      // handleChange(value, direction, movedKeys) {
      //   console.log(value, direction, movedKeys);
      //   console.log(movedKeys)
      //   let params='';
      //   let userid=3                                  //后期需更改获取用户id
      //   for(let i=0;i<movedKeys.length;i++){
      //     params += "roleid="+movedKeys[i]+"&"  
      //   }
      //   params = params+"userid="+userid
      //   //console.log(params)
      //   if(direction=="left"){
      //       this.$axios.post("http://localhost:8080/role/removeAssignedRole",params)
      //       .then(data=>{
      //       //console.log(data.status);
      //       if(data.status==200){
      //         alert("移除成功")
      //       }else{
      //         alert("移除失败")
      //       }
      //     })
      //   }
      //   if(direction=="right"){
      //       this.$axios.post("http://localhost:8080/role/saveAssignedRole",params)
      //       .then(data=>{
      //         if(data.status==200){
      //           alert("添加成功")
      //         }else{
      //           alert("添加失败")
      //         }
      //       })
      //   }
        
        
          
      // }
    },
    mounted:function(){
      this.queryRole();
    }
}
</script>
<style scoped>

</style>